.container{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	font-family: PingFang SC;
	font-weight: 500;
	color: #fff;
	display: flex;
	flex-direction: column;
	/* iphonex 等安全区设置，底部安全区适配 */
	/* #ifndef APP-NVUE */
	// padding-bottom: constant(safe-area-inset-bottom);
	// padding-bottom: env(safe-area-inset-bottom);
	/* #endif */
    .manage_box{
        background: #181526;
        opacity: 0.9;
        border-radius: 30rpx 30rpx 0px 0px;
        padding: 45rpx;
        .item_box{
            .item_img{
                width: 62rpx;
                height: 62rpx;
            }
            .item_title{
                font-size: 20rpx;
                color: #fff;
                opacity: 0.5;
                margin-top: 10rpx;
            }
        }
    }
	.bg_img{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		right: 0;
		z-index: -1;
	}
	.header{
		padding-left: 24rpx;
		padding-top: 15rpx;
        
        
		.roomMsg{
			width: 464rpx;
			height: 80rpx;
			background: rgba($color: #FFFFFF, $alpha: 0.15);
			border-radius: 40rpx;
			display: flex;
			align-items: center;
            position: relative;
            
            .connect{
                width: 74rpx;
                height: 40rpx;
                background: linear-gradient(90deg, #3DFFF2 0%, #9DFFAB 100%);
                border-radius: 20rpx;
                position: absolute;
                right: 30rpx;
                top: 0;
                bottom: 0;
                margin: auto;
                font-size: 22rpx;
                font-family: PingFang SC;
                font-weight: bold;
                color: #333333;
                line-height: 40rpx;
                text-align: center;
            }
			.goBack{
				width: 60rpx;
				height: 80rpx;
				// margin-right: 12rpx;
				// padding-left: 15rpx;
                image{
                    width: 34rpx;
                    height: 34rpx;
                }
			}
			.msg{
				color: #fff;
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: center;
				overflow: hidden;
				.title , .idAndType{
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				.idAndType{
					font-size:20rpx ;
					margin-top: 5rpx;
				}
			}
		}
	}
	.hot{
		position:  relative;
		width: 114rpx;
		margin-left: 42rpx;
		margin-top: 18rpx;
		._icon{
			position: absolute;
			left: 0;
			top: 0;
			z-index: -1;
			width: 114rpx;
			height: 45rpx;
		}
		.hotNum{
			width: 100%;
			line-height: 45rpx;
			text-align: center;
			font-size: 20rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			image{
				width: 18rpx;
				height: 18rpx;
				margin-right: 7rpx;
			}
		}
	}
	.manager{
		margin-top: 43rpx;
		margin-bottom: 17rpx;
		padding-left: 68rpx;
		.eachUser{
			display: flex;
			align-items: center;
			position: relative;
			.main{
				width: 120rpx;
				height: 120rpx;
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				.ornaments{
					width: 140rpx;
					height: 140rpx;
					position: absolute;
					left: -10rpx;
					top: -14rpx;
					z-index: -1;
				}
				.mute{
					position: absolute;
					right: 10rpx;
					bottom: 10rpx;
					image{
						width: 25rpx;
						height: 25rpx;
						border-radius: 50%;
					}
				}
				.userphoto{
					width: 100rpx;
					height: 100rpx;
					border-radius: 50%;
				}
			}
			.userMsg{
				text-align: center;
				>text{
						font-size: 20rpx;
						margin-bottom: 16rpx;
						display: block;
                        .outhPic{
                            display: inline-block;
                            background: #625EFF;
                            border: 4rpx;
                            margin-right: 5rpx;
                        }
				}
				.giftNum{
					border-radius: 11rpx;
					background: rgba(255, 255, 255, 0.1);
					font-size: 18rpx;
					display: flex;
					align-items: center;
					padding-right: 15rpx;
					>image{
						width: 22rpx;
						height: 22rpx;
						border-radius: 50%;
						background: linear-gradient(90deg, #F773B6, #EB4694);
						margin-right: 7rpx;
					}
				}
			}
		}
	}
	.audioUsers{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		.eachUser{
			margin-bottom: 20rpx;
			width: 25%;
			display: flex;
			flex-direction: column;
			align-items: center;
			.main{
				width: 120rpx;
				height: 120rpx;
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				.ornaments{
					width: 140rpx;
					height: 140rpx;
					position: absolute;
					left: -10rpx;
					top: -14rpx;
					z-index: -1;
				}
				.mute{
					position: absolute;
					right: 10rpx;
					bottom: 10rpx;
					image{
						width: 25rpx;
						height: 25rpx;
						border-radius: 50%;
					}
				}
				.userphoto{
					width: 100rpx;
					height: 100rpx;
					border-radius: 50%;
				}
			}
			.userMsg{
				text-align: center;
				>text{
						font-size: 20rpx;
						margin-bottom: 16rpx;
						display: block;
                        .outhPic{
                            display: inline-block;
                            background: #625EFF;
                            border: 4rpx;
                            margin-right: 5rpx;
                        }
				}
				.giftNum{
					border-radius: 11rpx;
					background: rgba(255, 255, 255, 0.1);
					font-size: 18rpx;
					display: flex;
					align-items: center;
					padding-right: 15rpx;
					>image{
						width: 22rpx;
						height: 22rpx;
						border-radius: 50%;
						background: linear-gradient(90deg, #F773B6, #EB4694);
						margin-right: 7rpx;
					}
				}
			}
		}
	}
	.chatBox{
        position: relative;
        height: 200rpx;
        flex: 1;
        box-sizing: border-box;
        padding: 44rpx 150rpx 130rpx 15rpx;
        .swiper_box{
            width: 100rpx;
            height: 100rpx;
            position: absolute;
            right: 30rpx;
            top: 50rpx;
            .swiper_img{
                width: 100rpx;
                height: 100rpx;
            }
        }
        .scroll-Y{
            height: 100%;
            box-sizing: border-box;
            padding-bottom: 30rpx;
            letter-spacing: 2rpx;
        }
        .tip_text{
            font-size: 25rpx;
            color: #6FEFFF;
            line-height: 1.5;
            margin-bottom: 20rpx;
        }
		.notification{
			display: flex;
			align-items: center;
			margin-bottom: 20rpx;
			image{
				width: 52rpx;
				height: 26rpx;
				margin-right: 6rpx;
			}
			.notifiMsg{
				display: flex;
				font-size: 25rpx;
				margin-right: 23rpx;
				.nick{
					color: #F8D85A ;
					display: block;
					max-width: 220rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
                    margin: 0 4rpx;
				}
				.inroom{
					color: #ccc;
				}
			}
			.wel{
				width: 70rpx;
				height: 38rpx;
				background: #F15B9A ;
				border-radius: 19rpx;
				color: #FEFFFF;
				font-size: 22rpx;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
        .customMsg{
            margin-bottom: 20rpx;
            font-size: 25rpx;
            color: #66ffff;
        }
		.commonMsg{
			margin-bottom: 20rpx;
			.user{
				display: flex;
				margin-bottom: 12rpx;
				.pic{
					width: 50rpx;
					height: 50rpx;
					position: relative;
					margin-right: 10rpx;
					image{
						width: 100%;
						height: 100%;
						border-radius: 50%;
						
					}
					.outh{
						width: 60rpx;
						height: 16rpx;
						font-size: 16rpx;
						color: #FFFFFF;
						text-align: center;
						line-height: 16rpx;
						background: #625EFF;
						border-radius: 4px;
						position: absolute;
						bottom: 0;
						left: 0;
						right: 0;
						margin: auto;
					}
				}
				.right{
					height: 80rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-around;
					.nick{
						color: #FFFFFF;
						display: block;
						width: 220rpx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						font-size: 24rpx;
					}
					.brage{
						image{
							width: 52rpx;
							height: 26rpx;
							margin-right: 6rpx;
						}
					}
				}
			}
			.msgText{
				background: rgba($color: #FFFFFF, $alpha: 0.14);
				border-radius: 14rpx;
				line-height: 40rpx;
				font-size: 25rpx;
				padding:13rpx 10rpx 20rpx 20rpx ;
				display: inline-block;
				padding: 15rpx;
				// max-width: 550rpx;
				margin-left: 60rpx;
                word-wrap: break-word;
                word-break: break-all;
                white-space: pre-line;
			}
		}
		.gift_give{
			font-size: 24rpx;
			.nickname{
				color: #F7DB65;
			}
			.give_type_text{
				margin: 0 6rpx;
				color: #59E1F9;
			}
			.target_nick{
				color: #ee7432;
			}
			.gift_img{
				width: 40rpx;
				height: 40rpx;
			}
			.gift_info{
				color: #59E1F9;
				margin: 0 6rpx;
			}
		}
	}
	.bottom_box{
		position: absolute;
		z-index: 2;
		width: 100%;
		height: 115rpx;
		border:1rpx ;
		// opacity: 0.14;
		bottom: 0;
		left: 0;
		padding: 21rpx 18rpx;
		display: flex;
		// justify-content: space-between;
		align-items: center;
		/* iphonex 等安全区设置，底部安全区适配 */
		/* #ifndef APP-NVUE */
		// padding-bottom: constant(safe-area-inset-bottom);
		// padding-bottom: env(safe-area-inset-bottom);
		/* #endif */
		
		view{
			width: 72rpx;
			height: 72rpx;
			display: flex;
			justify-content: center;
			align-items: center;
            margin-right: 20rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
        view:nth-child(1){
            width: 303rpx;
            position: relative;
            input{
                width: 303rpx;
                height: 72rpx;
                border-radius: 36rpx;
                background: rgba($color: #FFFFFF, $alpha: 0.2);
                color: #fff;
                padding-left: 48rpx;
                font-size: 26rpx;
                padding-right: 116rpx;
            }
            .sendBtn{
                width: 110rpx;
                height: 53rpx;
                background: linear-gradient(90deg, #0EA793 0%, #0877AE 82%);
                border-radius: 28rpx;
                position: absolute;
                font-size: 24rpx;
                color: #fff;
                line-height: 24rpx;
                right: 6rpx;
                bottom: 0;
                top: 0;
                margin: auto;
                display: flex;
                justify-content: center;
                align-items: center;
                z-index: 3;
            }
        }
		.p2pMessage{
			position: relative;
			text{
				position: absolute;
				width: 32rpx;
				height: 32rpx;
				background: #FF0024;
				border: 2rpx solid #FFFFFF;
				border-radius:50%;
				right: -5rpx;
				top: -3rpx;
				font-size: 15rpx;
				line-height: 32rpx;
				text-align: center;
				
			}
		}
	}
	.gift_box {
		background: #181c27;
		opacity: 0.86;
		border-radius: 30rpx 30rpx 0px 0px;
		padding: 24rpx 34rpx;
		.give_user_box {
			.give_tip {
				font-size: 20rpx;
				color: #afbacc;
			}
			.give_user_scroll {
				position: relative;
				flex: 1;
				box-sizing: border-box;
				overflow: hidden;
				.mantle {
					position: absolute;
					right: -10rpx;
					top: 0;
					width: 62rpx;
					height: 100%;
					background: linear-gradient(
						90deg,
						rgba(22, 28, 40, 0),
						rgba(22, 28, 40, 1)
					);
				}
				.user_item {
					position: relative;
					flex-shrink: 0;
					width: 54rpx;
					height: 54rpx;
					border: 2px solid rgba(0, 0, 0, 0);
					background-color: #fff;
					border-radius: 50%;
					.user_avatar{
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						border-radius: 50%;
					}
                    .role_box{
                        position: absolute;
						bottom: -9rpx;
                        left: calc(50% - 20rpx);
                        width: 40rpx;
                        height: 18rpx;
                        line-height: 18rpx;
                        font-size: 14rpx;
                        color: #333;
                        background-color:#fff;
                        border-radius: 9rpx;
                        text-align: center;
                    }					
                    &.active {
						border: 2px solid #3dfff2;
                        .role_box{
                            background-color:#3dfff2;
                        }
					}
				}
				.user_item + .user_item {
					margin-left: 30rpx;
				}
			}
	
			.give_select_btn {
				width: 116rpx;
				height: 44rpx;
				line-height: 44rpx;
				padding: 5rpx;
				background: #4c4d52;
				border-radius: 22rpx;
				color: #fff;
				font-size: 20rpx;
				text-align: center;
				&.isall {
					background: #3dfff2;
					color: #333;
				}
			}
		}
		.line_box {
			width: 100%;
			height: 2rpx;
			background: #ffffff;
			opacity: 0.1;
			margin: 20rpx 0 30rpx 0;
		}
		.gift_title_box {
			.title {
				font-size: 28rpx;
				color: #959fae;
				position: relative;
				&.active {
					color: #3dfff2;
					font-weight: bold;
				}
				&.active::after {
					content: "  ";
					position: absolute;
					bottom: -12rpx;
					left: calc(50% - 10rpx);
					width: 20rpx;
					height: 6rpx;
					background: #3dfff2;
					border-radius: 4rpx;
				}
			}
			.line {
				margin: 0 20rpx;
				width: 2rpx;
				height: 18rpx;
				background: #afbacc;
				opacity: 0.3;
			}
		}
		.give_all{
			color: #FFE762;
			margin-top: 20rpx;
			.give_all_num{
				font-size: 20rpx;
			}
			.give_all_btn{
				width: 138rpx;
				height: 42rpx;
				line-height: 42rpx;
				text-align: center;
				border: 1rpx solid #FFE762;
				border-radius: 21rpx;
				font-size: 22rpx;
			}
		}
		.gift_scroll {
			height: 430rpx;
			padding-bottom: 30rpx;
			margin-top: 30rpx;
			.gift_item {
				position: relative;
				width: 150rpx;
				height: 193rpx;
				margin-right: 22rpx;
				margin-bottom: 28rpx;
				border-radius: 10px;
				border: 2rpx solid rgba(24, 28, 39, 0.87);
				.gift_img_box {
					width: 120rpx;
					height: 120rpx;
					.gift_img {
						width: 120rpx;
						height: 120rpx;
					}
				}
				.title {
					font-size: 20rpx;
					color: #fff;
					margin-bottom: 10rpx;
				}
				.price {
					font-size: 20rpx;
					color: #7b818d;
				}
				.gift_count{
					position: absolute;
					right: 16rpx;
					top: 0;
					font-size: 24rpx;
				}
				&.active {
					border: 2rpx solid #3dfff2;
				}
			}
			.gift_item:nth-child(4n) {
				margin-right: 0;
			}
		}
		.foot_box {
			.gold_box {
				color: #fff;
				.gold_img {
					width: 28rpx;
					height: 28rpx;
				}
				.gold_num {
					font-size: 28rpx;
					margin: 0 15rpx;
				}
				.icon-arrow-right {
					font-size: 24rpx;
				}
                .recharge_btn{
                    margin-left: 30rpx;
                    width: 115rpx;
					height: 60rpx;
					line-height: 60rpx;
					text-align: center;
                    background: linear-gradient(270deg, #3DFFF2 0%, #31BAFF 100%);
					border: 2rpx solid #3dfff2;
					border-radius: 30rpx 30rpx;
					font-size: 24rpx;
                    color: #333;
                }
			}
			.give_box {
				.give_select_num {
					position: relative;
					width: 115rpx;
					height: 60rpx;
					border: 2rpx solid #3dfff2;
					border-radius: 30rpx 0 0 30rpx;
					color: #fff;
					font-size: 24rpx;
					.give_num {
						margin-right: 10rpx;
					}
					.icon-arrow-right {
						position: absolute;
						right: 10rpx;
						transform: rotate(-90deg);
					}
					.select_give_box {
						position: absolute;
						width: 194rpx;
						height: 366rpx;
						background: #1a1a1a;
						border-radius: 10rpx;
						overflow: hidden;
                        overflow-y: auto;
						top: -380rpx;
						left: 0;
						.select_give_item {
							padding: 15rpx;
							font-size: 22rpx;
							.give_num {
								color: #3dfff2;
							}
							.give_name {
								color: #afbacc;
							}
						}
						.select_give_item:hover {
							background: rgba(0, 0, 0, 0.6);
						}
					}
				}
				.give_btn {
					width: 115rpx;
					height: 60rpx;
					line-height: 60rpx;
					text-align: center;
					background: linear-gradient(90deg, #3dfff2 0%, #9dffab 100%);
					border: 2rpx solid #3dfff2;
					border-radius: 0 30rpx 30rpx 0;
					font-size: 24rpx;
                    color: #333;
				}
			}
		}
	}
	.give_animation_box {
		position: fixed;
		top: 0;
		left: 50%;
		width: 10px;
		height: 10px;
		z-index: 999;
	}
    .editBox{
        display: flex;
        flex-direction: column;
        align-items: center;
        background: rgba($color: #120020, $alpha: 0.8);
        .picHeader{
            position: relative;
            top: -104rpx;
            height: 0;
            .bottomHeader{
                width: 750rpx;
                height: 104rpx;
            }
            .userphoto{
                width: 130rpx;
                height: 130rpx;
                border-radius: 50%;
                position: absolute;
                left: 0;
                right: 0;
                top : 0 ;
                margin: auto;
            }
        }
        
        .command{
            font-size: 40rpx;
            font-size: 24rpx;
            // padding: 15rpx 35rpx 32rpx 35rpx;
            width: 750rpx;
            display: flex;
            justify-content: space-between;
            // padding-left: 35rpx;
            // padding-right: 35rpx;
            // padding-bottom: 32rpx;
            padding-top: 15rpx;
            .jubao{
                margin-left: 35rpx;
                color: #F1EDFF;
                font-size: 24rpx;
            }
            .manage{
                margin-right: 35rpx;
            }
        }
        .userNick{
            font-size: 40rpx;
            padding: 0 80rpx;
            font-weight: 800;
            color: #F1EDFF;
            overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
            margin-bottom: 10rpx;
            margin-top: 32rpx;
        }
        .brage{
            margin-bottom: 15rpx;
            >image{
                width: 68rpx;
                height: 34rpx;
                margin-right: 10rpx;
            }
        }
        .msg{
            font-size: 26rpx;
            color: #F1EDFF;
            margin-bottom: 17rpx;
            >text:nth-child(1){
                margin-right: 53rpx;
            }
        }
        .title{
            color: #E5DDFF;
            font-size: 26rpx;
        }
        ._bottom{
            margin : 24rpx 0 38rpx 0;
            width: 686rpx;
            height: 90rpx;
            background:  rgba($color: #FFFFFF, $alpha: 0.1);
            // opacity: 0.1;
            border-radius: 45rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;
            view{
                width: 33.33%;
                text-align: center;
                font-size: 30rpx;
                border-right: 0.8rpx solid  rgba($color: #E5DDFF, $alpha: 0.3) ;
            }

            view:nth-last-child(1){
                border:none;
            }
            .follow{
                color: #3DFFF2;
            }
            .has-follow{
                color : rgba($color: #E5DDFF , $alpha: 0.3)
            }
        }
        .disConnectMic{
            margin : 24rpx 0 38rpx 0;
            width: 686rpx;
            height: 90rpx;
            background:  rgba($color: #FFFFFF, $alpha: 0.1);
            border-radius: 45rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;
            view{
                width: 100%;
                text-align: center;
                font-size: 30rpx;
            }
        }
        .family{
            width: 592rpx;
            // height: 110rpx;
            border-radius: 15rpx;
            background: #6D71FF;
            margin-top: 20rpx;
            display: flex;
            justify-content: space-around;
            align-items: center;
            .familyIcon{
                margin-right: 20rpx;
                padding: 10rpx;
                image{
                    width: 90rpx;
                    height: 90rpx;
                }
            }
            ._msg{
                font-family: PingFang SC;
                color: #F1EDFF;
                font-size: 32rpx;
                >view:nth-child(2){
                    font-size: 24rpx;
                    font-weight: bold;
                    margin-bottom: 15rpx;
                    display: inline-block;
                    margin-right: 20rpx;
                    >text:nth-child(1){
                        margin-right: 10rpx;
                    }
                }
                >view:nth-child(3){
                    font-size: 24rpx;
                    display: inline-block;
                    image{
                        width: 20rpx;
                        height: 20rpx;
                        margin-right: 10rpx;
                    }
                }
            }
            .usersIcon{
                >image{
                    width: 40rpx;
                    height: 40rpx;
                    border-radius: 8rpx;
                    margin-right: 5rpx;
                }
            }
        }
    }
    .managerMethods{
        .box{
            padding: 0 30rpx;
            display: flex;
            justify-content: space-between;
            .methods{
                width: 100%;
                background: #28243D;
                border-radius: 24rpx 24rpx 0px 0px;
                .method{
                    height: 100rpx;
                    text-align: center;
                    font-size: 32rpx;
                    line-height: 100rpx;
                }
                .bg{
                    height: 16rpx;
                    background: #39354B;
                }
            }
        }
        
    }
    .popup_members{
        width: 100vw;
        height: 100%;
        overflow-y: scroll;
        .goBack{
            font-size: 30rpx;
            padding: 30rpx;
            position: relative;
            text-align: center;
            padding-top: 150rpx;
            >image{
                width: 45rpx;
                height: 45rpx;
                margin-right: 20rpx;
                position: absolute;
                left: 0;
            }
            .title{
                font-size: 30rpx;
                font-weight: 600;
                color: #fff;
                text-align: center;
            }
        }
        .user_item{
                // margin-bottom: 20rpx;
                padding: 20rpx;
                .user{
                    display: flex;
                    align-items: center;
                    margin-bottom: 12rpx;
                    .pic{
                        width: 100rpx;
                        height: 100rpx;
                        position: relative;
                        margin-right: 10rpx;
                        image{
                            width: 100%;
                            height: 100%;
                            border-radius: 50%;
                            
                        }
                        .outh{
                            width: 60rpx;
                            height: 16rpx;
                            font-size: 16rpx;
                            color: #FFFFFF;
                            text-align: center;
                            line-height: 16rpx;
                            background: #625EFF;
                            border-radius: 4px;
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            right: 0;
                            margin: auto;
                        }
                    }
                    .right{
                        height: 80rpx;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-around;
                        .nick{
                            color: #FFFFFF;
                            display: block;
                            width: 220rpx;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            font-size: 24rpx;
                        }
                        .brage{
                            image{
                                width: 52rpx;
                                height: 26rpx;
                                margin-right: 6rpx;
                            }
                        }
                    }
                }
                .msgText{
                    background: rgba($color: #FFFFFF, $alpha: 0.14);
                    border-radius: 14rpx;
                    line-height: 40rpx;
                    font-size: 25rpx;
                    padding:13rpx 10rpx 20rpx 20rpx ;
                    display: inline-block;
                    padding: 15rpx;
                    // max-width: 550rpx;
                    margin-left: 60rpx;
                    word-wrap: break-word;
                    word-break: break-all;
                    white-space: pre-line;
                }
            
        }
    }
    .p2pMsgCotainer{
        // position: fixed;
        // left: 0;
        // bottom: 0;
        // z-index: 3;
        height: 776rpx;
        width: 100vw;
        font-family: PingFang SC;
        font-weight: 500;
        color: #F1EDFF;
        padding: 0 31rpx;
        border-radius: 30rpx 30rpx 0px 0px;
        background: rgba($color: #181526, $alpha: 0.9);
        box-sizing: border-box;
        .P2pmsgTit{
            height: 92rpx;
            line-height: 92rpx;
            text{
                font-size: 34rpx;
            }
        }
        .msg_scroll{
            height: 684rpx;
        }
        .p2p-item{
            display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 30rpx;
                position: relative;
            .user{
                display: flex;
                align-items: center;
                .userIcon{
                    margin-right: 15rpx;
                    image{
                        width: 100rpx;
                        height: 100rpx;
                        border-radius: 50%;
                    }
                }
                .tit{
                   width: 400rpx;
                    .nick{
                        font-size: 28rpx;
                        margin-bottom: 10rpx;
                        overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
                    }
                    .msg{
                        color: #ccc ;
                        font-size: 22rpx;
                        overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
                    }
                }
            }
            .item-info-bottom_action{
                width:36rpx;
                height: 36rpx;
                font-size: 24rpx;
                background-color: #FA5151;
                border-radius: 50rpx;
                text-align: center;
                line-height: 36rpx;
                color: #FFFFFF;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
            }
            .time{
                font-size: 20rpx;
            }
        }
        .detail{
            font-family: PingFang SC;
                font-weight: 500;
                .msg_scroll{
                    height: 582rpx;
                }
            .detail-tip{
                height: 92rpx;
                line-height: 92rpx;
                font-size: 34rpx;
                position: relative;
                color: #F1EDFF;
                text-align: center;
                margin-bottom: 30rpx;
                image{
                    width: 44rpx;
                    height: 44rpx;
                    position: absolute;
                    left: 0;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                }
            }
            .detail-item{
                margin-bottom: 40rpx;
                .time{
                    text-align: center;
                    font-size: 20rpx;
                    color: #ccc;
                    margin-bottom: 26rpx;
                }
                .detail-content{
                    display: flex;
                    
                    .user-icon{
                        width: 80rpx;
                        height: 80rpx;
                        border-radius: 50%;
                        margin-right: 24rpx;
                    }
                    .msg{
                    //    width: 480rpx;
                       display: inline-block;
                       padding : 24rpx;
                       font-size: 28rpx;
                       border-radius:  4rpx 24rpx 24rpx 24rpx;;
                       background: rgba($color:#E5DDFF, $alpha: 0.1);
                       margin: 0 24rpx;
                       word-wrap: break-word;
                       word-break: break-all;
                       white-space: pre-line;
                    }
                }
            }
            .detail-mine{
                
                .detail-content{
                    flex-direction: row-reverse;
                    .msg{
                        background: rgba($color: #3DFFF2, $alpha: 0.2);
                        border-radius: 24rpx 4rpx 24rpx 24rpx;
                    }
                }
            }
            .sendBox{
                width: 750rpx;
                height: 98rpx;
                background: #252138;
                position: absolute;
                bottom: 0;
                left: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                // position: relative;
                input{
                    width: 600rpx;
                    height: 76rpx;
                    background: rgba($color: #E5DDFF, $alpha: 0.05) ;
                    color: #fff;
                    border-radius: 38rpx;
                    padding: 0 30rpx;
                    font-size: 24rpx;
                    padding-right: 190rpx;
                }
                .sendBtn{
                    width: 120rpx;
                    height: 56rpx;
                    background: linear-gradient(90deg, #0EA793 0%, #0877AE 82%);
                    border-radius: 28rpx;
                    position: absolute;
                    font-size: 24rpx;
                    color: #fff;
                    line-height: 24rpx;
                    right: 54rpx;
                    bottom: 0;
                    top: 0;
                    margin: auto;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    z-index: 3;
                }
            }
        }
    }
    .live-player-box,.livePusher{
        position: absolute;
        left: -800rpx;
        top: -500rpx;
    }
    .insertPsd{
        width: 400rpx;
        font-size: 32rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #E5DDFF;
        opacity: 0.6;
        background: rgba($color: #000000, $alpha: 0.6) ;
        padding: 20rpx;
        input{
            background: rgba($color: #E5DDFF, $alpha: 0.05) ;
            color: #fff;
            border-radius: 38rpx;
            padding: 0 30rpx;
            font-size: 24rpx;
            height: 60rpx;
            margin: 20rpx 0;
        }
        button{
            width: 130rpx;
            height: 50rpx;
            line-height: 50rpx;
            background: #3DFFF2;
        }
    }
    .editPsd{
 
            padding: 0 30rpx;
            display: flex;
            justify-content: space-between;
            .methods{
                width: 100%;
                background: #28243D;
                border-radius: 24rpx 24rpx 0px 0px;
                .method{
                    height: 100rpx;
                    text-align: center;
                    font-size: 32rpx;
                    line-height: 100rpx;
                }
                .bg{
                    height: 16rpx;
                    background: #39354B;
                }
            }
        
    }
}